<template>
<!-- 日期控件 -->
<div id="app">
<h2>固定时间点</h2>
<el-time-select
v-model='value'
:picker-options="{
  start:'08:30',
  step:'00:15',
  end:'18:30'
}"
placeholder="选择时间"
>
</el-time-select>
<el-time-picker
    v-model="value1"
    :picker-options="{
      selectableRange: '12:00:00 - 00:00:00'
    }"
    placeholder="12:00-00:00">
</el-time-picker>
<el-time-picker
    arrow-control
    v-model="value2"
    :picker-options="{
      selectableRange: '00:00:00 - 12:00:00'
    }"
    placeholder="12:00-00:00">
</el-time-picker>
</div>
</template>

<script>

export default {
  name: 'App',
  components: {
    
  },
  data:function(){
    return{
      value:'',
      value1:new Date(2016, 9, 10, 18, 40),
      value2:new Date(2016, 9, 10, 18, 40)
    }
  },
  methods:{
   
  }
}
</script>

<style>
*{
  margin:0;
  padding: 0;
  box-sizing: border-box;
}
</style>
